<div class="menu">
	<div align="right" style="font-weight:bold; font-size:12px; padding-bottom:8px; color:#0858A2;">
		<?php echo $this->Access->getMyRole($this->Access->getMy('group_id')).": ".$this->Access->getMy('nombre_completo');?>
	</div>
	<?php  $this->Form->cuenta($this->Access->getMy('id'));?>	
	<div class="desplegable">
		<?php  $this->Form->menu($this->Access->getMy('id'),$this->Access->getMy('group_id'));?>
	</div>
</div>
<div class="socializacionequipos fotografias">
<form name="formu" id="formu" action="<?php echo $this->webroot;?>socializacionequipos/fotografias" method="post" enctype="multipart/form-data">
	<fieldset>
		<legend><?php __('Fotografias');?></legend>
			<table class="tabla_formulario">
				<tr>
					<td><?php echo 'Archivos a subir'?></td>
					<td>
						<div id="adjuntos">					        
					   		<input type="file" name="archivos[]" /><br />
				   		</div>
					</td>				
				</tr>
						
				<tr><td colspan="2">
					<input type="hidden" id="dominio" name="dominio"  value="<?php echo $_SERVER['SCRIPT_FILENAME'];?>" />
					<input type="hidden" id="id_socializacion" name="id_socializacion" value="<?php echo $id_socializacion;?>" />
					<input type="submit" value="Enviar" id="envia" name="envia"/></td>
				</tr>				
			</table>							
	</fieldset>
	</form>
</div>
<script type="text/javascript">
	var numero = 0; //Esta es una variable de control para mantener nombres diferentes de cada campo creado din�micamente.
	evento = function (evt) { //esta funcion nos devuelve el tipo de evento disparado
	   return (!evt) ? event : evt;
	}
	//Esta funci�n crea din�micamente los nuevos campos file
	addCampo = function (){ 
		//Creamos un nuevo div para que contenga el nuevo campo
		   nDiv = document.createElement('div');
		//con esto se establece la clase de la div
		   nDiv.className = 'archivo';
		//este es el id de la div, aqu� la utilidad de la variable n�mero nos permite darle un id �nico
		   nDiv.id = 'file' + (++numero);
		//creamos el input para el formulario:
		   nCampo = document.createElement('input');
		//le damos un nombre, es importante que lo nombren como vector,
	   // pues todos los campos compartiran el nombre en un arreglo, asi es mas facil procesar posteriormente con php
		   nCampo.name = 'archivos[]';
		//Establecemos el tipo de campo
		   nCampo.type = 'file';
		//Ahora creamos un link para poder eliminar un campo que ya no deseemos
		   a = document.createElement('a');
		//El link debe tener el mismo nombre de la div padre, para efectos de localizarla y eliminarla
		   a.name = nDiv.id;
		//Este link no debe ir a ning�n lado
		   a.href = '#';
		//Establecemos que dispare esta funcion en click
		   a.onclick = elimCamp;
		//Con esto ponemos el texto del link
		   a.innerHTML = 'Eliminar';
		//Bien es el momento de integrar lo que hemos creado al documento,
		//primero usamos la funci�n appendChild para adicionar el campo file nuevo
		   nDiv.appendChild(nCampo);
		//Adicionamos el Link
		   nDiv.appendChild(a);
		//Ahora si recuerdan, en el html hay una div cuyo id es 'adjuntos', bien con esta funci�n obtenemos una referencia a ella
		//para usar de nuevo appendChild y adicionar la div que hemos creado, la cual contiene el campo file con su link de eliminaci�n:
		   container = document.getElementById('adjuntos');
		   container.appendChild(nDiv);
	}
	//con esta funci�n eliminamos el campo cuyo link de eliminaci�n sea presionado
	elimCamp = function (evt){
		   evt = evento(evt);
		   nCampo = rObj(evt);
		   div = document.getElementById(nCampo.name);
		   div.parentNode.removeChild(div);
	}
	//con esta funci�n recuperamos una instancia del objeto que disparo el evento
	rObj = function (evt) { 
		 return evt.srcElement ? evt.srcElement:evt.target;
	}		
</script>